<template>
  <div class="k-mid">
    <iframe :src="url" frameborder="0" class="iframe"></iframe>
  </div>
</template>
<script>
import { mapGetters } from 'vuex'
import { LINK_URL } from '@/constants/api'
export default {
  computed: {
    ...mapGetters({
      coinPair: 'market/coinPair'
    }),
    url () {
      return `${LINK_URL}chartinglibrary/mobile_white.html?stock=${this.coinPair.stock}&money=${this.coinPair.money}&theme=Dark`
    }
  }
}
</script>
<style scoped>
.iframe {
  box-sizing: border-box;
  width: 100%;
  height: 360px;
  background-color: #171e31;
}
.k-mid {
  background-color: #171e31;
}
</style>
